草庐IT

gulp + mockjs模拟前端数据

全部标签

javascript - 如何预选 Shiny DT 数据表中的行

我在这个Shinydatatable中使用带有DT(0.0.65)的Shiny(0.12.0)进行行选择.我想预选前5行。我试过:使用数据表中的callbackJS更改行的类。但是,这并未反射(reflect)在input$x1_rows_selected变量中。由于CSS,只有背景/突出显示发生变化。在选项列表的rowCallback或callback中使用.click()。这在加载页面时也不起作用。但是,当我通过控制台/浏览器开发工具运行相同的代码时,它会起作用(更新input$x1_rows_selected)。回调JS:output$x1=DT::renderDataTable

javascript - 使用 gulp-rev 后如何将修订后的文件包含到 .html 中?

所以我在gulp中创建了这个任务:'usestrict';vargulp=require('gulp');vargulpGlobals=require('./_gulp-globals.js');varrev=require('gulp-rev');varrevReplace=require('gulp-rev-replace');gulp.task('gulp-rev',function(){varsources=gulpGlobals.src+'/somefolder/**/*.js';varfileToInject=gulpGlobals.destination+'/somefo

javascript - gulp 网络服务器和 livereload

我的gulp网络服务器有问题。我有这个gulp任务:gulp.task('serve',['watch'],()=>{gulp.src('tmp').pipe(webserver({livereload:true,directoryListing:true,open:true,//defaultFile:'index.html'}));});运行gulpserve时,我在localhost:8000上看到以下屏幕:似乎网络服务器正在为我的项目的根目录提供服务,而不是tmp文件夹,奇怪的是,如果我单击index.html,我将被重定向到http://localhost:8000/inde

javascript - 在 jquery bootstrap 数据表中显示 NaN 到 NaN

我在bootstrap框架中集成了jquerydatatable,当我选择All时,它显示如下显示NaN到NaN的7个条目。Javascript$(function(){$('#example2').DataTable({"lengthMenu":[5,10,50,"All"]});}); 最佳答案 阅读示例here:$('#example').DataTable({"lengthMenu":[[10,25,50,-1],[10,25,50,"All"]]});因此,添加两个数组,一个包含值,一个包含显示的文本。(-1在这种情况下似

javascript - 使用 ajax 和 select2 设置数据属性

我正在尝试将数据属性设置为select2选项但没有成功,此时我有以下JS代码_properties.$localElement.select2({ajax:{url:"url",type:"POST",dataType:'json',delay:250,data:function(params){return{name:params.term,//searchtermtype:1};},processResults:function(data){return{results:$.map(data,function(item){return{text:item.name,source:i

javascript - 如何在 Vue.js 嵌套路由中将数据从父路由传递到子路由?

我正在尝试在我的Vue.js应用程序中使用嵌套路由。我有路由工作,但是我不知道如何将数据从父路由向下传递到子路由。基本上,父路由将检索具有属性的对象。对于每个特定的嵌套子路由,我想显示该对象的一个​​属性。例如,如果我有以下对象:myDataObject:{name:"Foo",profile:"ProfileData",posts:"PostsData"}我想将“profile”变量传递给子路径“/user/:id/profile”。对于“/user/:id/posts”,我想传入“post”变量。我以为我可以使用props完成此操作,但我找不到适合路由的示例,而且我尝试过的方法似乎

javascript - 如何使用对象列表作为 gulp 源流

我知道gulp需要vinyl源流才能正常工作,但是有没有一种简单的方法可以使用已经存在的vinyl文件或json对象而不是众所周知的只需要glob的gulp.src? 最佳答案 经过多次研究,我没有找到解决该问题的好方法,所以我决定与您分享我的解决方案。这个问题分两步解决1:您需要将任何想要通过gulp传输的内容转换为乙烯基文件。可以这样做constVinyl=require('vinyl');varvinyl=newVinyl();vinyl.cwd='/';vinyl.base='/';vinyl.path='/yourfict

javascript - 如何解决 Jest 模拟中的 Flow 类型错误

我正在使用Jest模拟模块中的某些功能并以下列方式进行测试:jest.mock("module",()=>({funcOne:jest.fn(),funcTwo:jest.fn(),...}));import{funcOne,funcTwo,...}from"module";test("somethingwhenfuncOnereturns'foo'",()=>{funcOne.mockImplementation(()=>'foo');//{funcOne.mockImplementation(()=>'bar');//如何阻止Flow报告property'mockImplement

javascript - 以编程方式从 Contentful 数据创建 Gatsby 页面

我正在寻求有关GatsbyJS和Contentful的帮助。文档没有给我足够的信息。我正在寻找基于内容数据以编程方式创建页面。在这种情况下,数据类型是一个零售“商店”,在/retail_store_name有一个gatsby页面每个商店的index.js基本上是几个react组件,其中传递了Prop,例如商店名称和谷歌地点ID。向contentful添加数据。这是我的示例数据模型:{"name":"Store""displayField":"shopName","fields":[{"id":"shopName","name":"ShopName","type":"Symbol","l

javascript - D3 网格中的力模拟

我想知道如何修改MikeBostock'sexampleofamulti-forcelayout为了尝试获得力布局以对网格中的节点进行分组。让我们想象一下我们有以下csv:Name,Category1,Category21,1,12,1,23,1,14,2,25,3,16,1,47,5,58,1,59,2,410,3,311,4,412,4,513,3,414,1,215,1,116,2,217,3,118,2,119,4,520,3,1对于他的数据类型,我希望将类别1的所有可能值作为列,将类别2的所有可能值作为行,并希望我的节点根据它们的值自动分组到“适当的”单元格中对于类别1和类别